<template>
    <div class="slds-clearfix">
        <div class="slds-float_right">
            <lightning-button variant="Neutral" label="New" onclick={newCase}></lightning-button>
            <lightning-button variant="Neutral" label="Export to excel" disabled></lightning-button>
            <lightning-button variant="Neutral" label="Description"></lightning-button>
        </div>
    </div>
    <div class="slds-p-top_small">
        <template lwc:if={isLoading}>
            <lightning-spinner></lightning-spinner>
        </template>
        <lightning-datatable
                key-field="id"
                data={cases}
                show-row-number-column
                columns={columns}
                sorted-by={sortedBy}
                sorted-direction={sortDir}
                onsort={columnSort}
                onheaderaction={headerAction}>
        </lightning-datatable>
    </div>
</template>